feat: revamp UI with desktop rail, settings split, and settle-up flow#32
Merged
Conversation
Deploying tabby with
|
| Latest commit: |
29dbd45
|
| Status: | ✅ Deploy successful! |
| Preview URL: | https://d48d445b.tabby.pages.dev |
| Branch Preview URL: | https://revamp-tabby-ui.tabby.pages.dev |
Introduce a left navigation rail for desktop, split the settings page into separate group and account sub-pages, add a settle-up action that records payments in the ledger as exact-split expenses, and add leave/ delete group endpoints with corresponding UI.
pkmaster21
force-pushed
the
revamp-tabby-ui
branch
from
896088f to
dcb541f
Compare
Hero card primary button now navigates to the who-owes-who tab on mobile (right rail handles desktop). Owner role badge in GroupSettings was incorrectly labelled Admin.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
1 participant
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
The dashboard and settings experience has been substantially reworked to better fit the Tabby design system and to support a wider set of actions.
Desktop navigation rail (
DesktopRail.tsx)A persistent left rail appears on
lgscreens, showing the user's group list and avatar. Mobile layout is unchanged.Settings split into sub-pages
The single
SettingsPageis replaced by two focused pages under new routes:/groups/:id/settings/group(GroupSettingsPage.tsx) — group name, invite link, danger zone (leave / delete group)/groups/:id/settings/account(AccountPage.tsx) — user profile and sign-outDashboard overhaul (
DashboardPage.tsx)Visual and structural refresh aligned to DESIGN.md: stone neutrals, orange-500 accents, pill tabs, white-on-cream card elevation, and a redesigned expense list and balance section.
Settle-up flow
POST /api/v1/groups/:id/settle(settle.ts) records a payment between two members by inserting a💸 Settlementexpense into the ledger. This keeps balance math consistent — no separate settlement table needed.api.tswired up withsettleSettlement,leaveGroup, anddeleteGrouphelpers.New API endpoints
DELETE /api/v1/groups/:id— owner-only hard delete (CASCADE cleans up all child rows)POST /api/v1/groups/:id/leave— non-owner members soft-delete themselves (leftAttimestamp); owner gets a 403 directing them to delete the group instead